<!DOCTYPE html>
<html>
<head>
<title>会员表</title> <#include "/header.html">
<script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
</head>
<body>
	<div id="rrapp" v-cloak>
		<div v-show="showList">
			<div class="grid-btn">
				<div class="form-group col-sm-2" style="max-width: 200px">
					<input type="text" class="form-control" v-model="q.mobile" @keyup.enter="query"
						placeholder="手机号">
				</div>
				<div class="form-group col-sm-2" style="max-width: 200px">
					<select class="form-control" v-model="q.authStatus" @change="query">
						<option value="">认证状态</option>
						<option v-for="item in authStatus" :value="item.code">{{ item.value }}</option>
					</select>
				</div>
				<a class="btn btn-default" @click="query">查询</a>
				<#if shiro.hasPermission("aic:member:save")>
				<a class="btn btn-primary" @click="add">
					<i class="fa fa-plus"></i>&nbsp;新增
				</a>
				</#if> <#if shiro.hasPermission("aic:member:update")>
				<a class="btn btn-primary" @click="update">
					<i class="fa fa-eye"></i>&nbsp;会员详情
				</a>
				<a class="btn btn-primary" @click="changeStatus('RZTG')">
					<i class="fa fa-check"></i>&nbsp;认证通过
				</a>
				<a class="btn btn-primary" @click="changeStatus('RZSB')">
					<i class="fa fa-times"></i>&nbsp;认证失败
				</a>
				<a class="btn btn-primary" @click="changeStatus('FH')">
					<i class="fa fa-ban"></i>&nbsp;封号
				</a>
				<a class="btn btn-primary" @click="changeStatus('JF')">
					<i class="fa fa-circle"></i>&nbsp;解封
				</a>
				</#if>
			</div>
			<table id="jqGrid"></table>
			<div id="jqGridPager"></div>
		</div>

		<div v-show="!showList" class="panel panel-default">
			<div class="panel-heading">{{title}}</div>
			<form class="form-horizontal">
				<div class="tabbable" id="tabs-193723">
					<ul class="nav nav-tabs">
						<li class="active">
							<a href="#panel-327434" data-toggle="tab">基本信息</a>
						</li>
						<li>
							<a href="#panel-327435" data-toggle="tab">认证信息</a>
						</li>
						<li>
							<a href="#panel-327436" data-toggle="tab">支付信息</a>
						</li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="panel-327434">
							<p></p>
							<div class="form-group">
								<div class="col-sm-2 control-label">手机号</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.mobile" placeholder="手机号" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">昵称</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.nickname" placeholder="昵称" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">密码</div>
								<div class="col-sm-10">
									<input type="password" class="form-control" v-model="member.password" placeholder="登录密码" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">支付密码</div>
								<div class="col-sm-10">
									<input type="password" class="form-control" v-model="member.payword" placeholder="支付密码" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">我的推广码</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.code" placeholder="推广码"
										readonly="readonly" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">上级推荐人</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.recPerson" placeholder="上级推荐人"
										:readonly="member.id && member.id != '' ? true : false" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">矿工等级</div>
								<div class="col-sm-10">
									<select class="form-control" v-model="member.userLevel">
										<option v-for="item in userLevel" :value="item.code">{{ item.value }}</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">账号状态</div>
								<div class="col-sm-10">
									<select class="form-control" v-model="member.status">
										<option v-for="item in memberStatus" :value="item.code">{{ item.value }}</option>
									</select>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="panel-327435">
							<p></p>
							<div class="form-group">
								<div class="col-sm-2 control-label">认证状态</div>
								<div class="col-sm-10">
									<select class="form-control" v-model="member.authStatus">
										<option v-for="item in authStatus" :value="item.code">{{ item.value }}</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">真实姓名</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.realname" placeholder="真实姓名" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">身份证号</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.idNumber" placeholder="身份证号" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">身份证正面照</div>
								<div class="col-sm-10">
									<input type="hidden" v-model="member.frontImg" />
									<a class="btn btn-primary upload" id="frontImg">
										<i class="fa fa-pencil-square-o"></i>&nbsp;上传
									</a>
									<div class="row" v-show="member.frontImg && member.frontImg!=''">
										<div class="col-md-8">
											<a :href="member.frontImg" target="_blank" class="thumbnail">
												<img :src="member.frontImg">
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">身份证反面照</div>
								<div class="col-sm-10">
									<input type="hidden" v-model="member.backImg" />
									<a class="btn btn-primary upload" id="backImg">
										<i class="fa fa-pencil-square-o"></i>&nbsp;上传
									</a>
									<div class="row" v-show="member.backImg && member.backImg!=''">
										<div class="col-md-8">
											<a :href="member.backImg" target="_blank" class="thumbnail">
												<img :src="member.backImg">
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="panel-327436">
							<p></p>
							<div class="form-group">
								<div class="col-sm-2 control-label">支付宝</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.alipay" placeholder="支付宝" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">支付宝收款码</div>
								<div class="col-sm-10">
									<input type="hidden" v-model="member.alipayImg" />
									<a class="btn btn-primary upload" id="alipayImg">
										<i class="fa fa-pencil-square-o"></i>&nbsp;上传
									</a>
									<div class="row" v-show="member.alipayImg && member.alipayImg!=''">
										<div class="col-md-8">
											<a :href="member.alipayImg" target="_blank" class="thumbnail">
												<img :src="member.alipayImg">
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">微信支付</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.wechat" placeholder="微信号" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">微信收款码</div>
								<div class="col-sm-10">
									<input type="hidden" v-model="member.wechatImg" />
									<a class="btn btn-primary upload" id="wechatImg">
										<i class="fa fa-pencil-square-o"></i>&nbsp;上传
									</a>
									<div class="row" v-show="member.wechatImg && member.wechatImg!=''">
										<div class="col-md-8">
											<a :href="member.wechatImg" target="_blank" class="thumbnail">
												<img :src="member.wechatImg">
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">银行名称</div>
								<div class="col-sm-10">
									<select class="form-control" v-model="bankName">
										<option v-for="item in bank" :value="item.value">{{ item.value }}</option>
									</select>
								</div>
							</div>
							<div class="form-group" v-if="bankName == '其它银行'">
								<div class="col-sm-2 control-label">其它名称</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.bankName1" placeholder="银行名称" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">支行名称</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.bankNameBranch" placeholder="支行名称" />
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-2 control-label">银行卡号</div>
								<div class="col-sm-10">
									<input type="text" class="form-control" v-model="member.bankCardNumber" placeholder="银行卡号" />
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label"></div>
					<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定" />
					&nbsp;&nbsp;
					<input type="button" class="btn btn-warning" @click="reload" value="返回" />
				</div>
			</form>
		</div>
	</div>
	<script src="${request.contextPath}/statics/js/modules/aic/member.js?_${.now?long}"></script>
</body>
</html>